<template>
  <tabbar>
    <tabbaritem path="/home" activecolor="red">
      <img slot="itemicon" src="~assets/img/tabbar/home.svg"></img>
      <img slot="itemiconactive" src="~assets/img/tabbar/home_active.svg"></img>
      <div slot="itemtext">首页</div>
    </tabbaritem>
    <tabbaritem path="/category" activecolor="red">
      <img slot="itemicon" src="~assets/img/tabbar/category.svg"></img>
      <img slot="itemiconactive" src="~assets/img/tabbar/category_active.svg"></img>
      <div slot="itemtext">分类</div>
    </tabbaritem>
    <tabbaritem path="/shopcart" activecolor="red">
      <img slot="itemicon" src="~assets/img/tabbar/shopcart.svg"></img>
      <img slot="itemiconactive" src="~assets/img/tabbar/shopcart_active.svg"></img>
      <div slot="itemtext">购物车</div>
    </tabbaritem>
    <tabbaritem path="/profile" activecolor="red">
      <img slot="itemicon" src="~assets/img/tabbar/profile.svg"></img>
      <img slot="itemiconactive" src="~assets/img/tabbar/profile_active.svg"></img>
      <div slot="itemtext">我的</div>
    </tabbaritem>
  </tabbar>
</template>

<script>
import tabbar from "components/common/tabbar/tabbar";
import tabbaritem from "components/common/tabbar/tabbaritem";
export default {
  name: "maintabbar",
  components:{
    tabbar,
    tabbaritem
  }
}
</script>

<style scoped>

</style>
